<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			
			function toH1(){
				location.href="36-bom-history1.html"; 
			}
			function toH2(){
				location.href="36-bom-history2.html"; 
			}
			function toH3(){
				location.href="36-bom-history3.html"; 
			}
			function  myback(){
				history.back();
			}
			
			function myforward(){
				history.forward()
			}
			
			
			function mygo( step){
				window.history.go(step)
			}
			
		</script>
	</head>
	<body>
		当前为  第一页
		<button type="button" onclick="toH1()">跳转到第一个</button>
		<button type="button" onclick="toH2()">跳转到第二个</button>
		<button type="button" onclick="toH3()">跳转到第三个</button>
		
		
		
		<br>
		<button type="button" onclick="myback()">后退1步</button>
		<button type="button" onclick="myforward()">前进1步</button>
		
		
		<br>
		<button type="button" onclick="mygo(-2)">后退2步</button>
		<button type="button" onclick="mygo(2)">前进2步</button>
		
	</body>
</html>
